import { defineStore } from 'pinia'
import { ref } from 'vue'
import { loginApi } from '@/apis/user'
import { useCartStore } from './cart'
import { mergeCartApi } from '@/apis/cart'

export const useUserStore = defineStore('user', () => {
  // state  -- 存放数据
  const userInfo = ref({})
  const cartStore = useCartStore()
  // action  -- 操纵数据  -- 提供给组件，被组件所调用
  // 1、获取用户数据
  const getUserInfo = async ({ account, password }) => {
    const res = await loginApi({ account, password })
    userInfo.value = res.data.result
    // 登陆成功之后，合并购物车
    if (cartStore.cartList.length > 0) {
      await mergeCartApi(cartStore.cartList.map(item => ({
        skuId: item.skuId,
        selected: item.selected,
        count: item.count
      })))
      // 重新获取购物车列表
      cartStore.updateCartList()
    }
  }
  // 2、清除用户数据
  const clearUserInfo = () => {
    userInfo.value = {}
    // 清空购物车
    cartStore.clearCart()
  }
  return {
    userInfo,
    getUserInfo,
    clearUserInfo
  }
}, {
  persist: true,
})
